<template>
  <div>aaa</div>
</template>

<script>
export default {
  data() {
    return {
      msg: '我是个普通数据'
    }
  },
  // 注意生命周期函数 不放在methods中跟methods同级
  // 生命周期函数不用主动调用,会自动执行
  beforeCreate() {
    //了解即可
    console.log('我是beforeCreate, 组件还没有数据', this.msg);
  },
  // 经常用到 请求数据(调个接口拿数据)
  created() {
    console.log('我是created, 可以获取组件数据', "msg:",this.msg);
  },
  beforeMount() {
    //了解即可
    console.log('我是beforeMount');
  },
  mounted() {
    // 常用  涉及到操作dom 都在这里
    console.log('我是mounted');
  },
  destroyed() {
    // 常用
    // 注意做的事: 清空定时器   清空绑定事件  
  }

}
</script>

<style>

</style>